<!DOCTYPE html>
<html>
<head>
    <meta charset = "utf-8" />
    <title>DOM学习综合实践</title>
    <link href = "styles/base.css" rel = "stylesheet" media = "screen" />
    <link href = "styles/style.css" rel = "stylesheet" media = "screen" />
    <script src = "scripts/global.js" type = "text/javascript"></script>
    <script src = "scripts/function.js" type = "text/javascript"></script>
    <!--[if lt IE 9]>
    <script src = "scripts/html5.js" type = "text/javascript"></script>
    <![endif]-->
</head>
<body>
<header class = "page-cnt-width">
    <p>
        THE MOST SIMPLE
    </p>
</header>
<nav class = "page-cnt-width">
    <ul class = "page-cnt-width">
        <li><a href = "index.html">Home</a></li>
        <li><a href = "about.html">About</a></li>
        <li><a href = "photos.html">Photo</a></li>
        <li><a href = "live.html">Live</a></li>
        <li><a href = "contact.html">Contact</a></li>
    </ul>
</nav>
<div class = "page-cnt-width web-disc">This is my homework of studying Javascript</div>
<article class = "page-cnt-width">
    <div class = "post-date"><p>12.9.2012</p></div>
    <h1 class = "post-title">Contact</h1>
    <h6 class = "post-auth">-- by Baoxu</h6>
    <section class = "post-cnt">
        <p>I leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.I
            leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.I
            leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.</p>

        <p>I leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.I
            leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.</p>

        <p>I leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.I
            leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.I
            leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.</p>

        <p>I leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.I
            leave uncultivated today, was precisely yesterday perishes tomorrow which person of the body implored.</p>
    </section>
</article>
<footer class = "page-cnt-width mg10">
    <h5 class = "frd-link">
        Friend Links
    </h5>
    <ul>
        <li><a href = "#">Twtter</a></li>
        <li><a href = "#">Google</a></li>
        <li><a href = "#">Facebook</a></li>
        <li><a href = "#">Overflow</a></li>
    </ul>
    <p class = "copyright">© Baoxu. Powered by <a href = "#">Baoxu</a></p>
</footer>
</body>
</html>